// 获取选择文件表单
var filechooser = document.getElementById("choose");
// 点击上传
$("#upload").on("click", function() {
    filechooser.click();
})
    .on("touchstart", function() {
        $(this).addClass("touch")
    })
    .on("touchend", function() {
        $(this).removeClass("touch")
    });
filechooser.onchange = function() {
    if (!this.files.length) return;
    var files = Array.prototype.slice.call(this.files);
    if (files.length > 9) {
        alert("最多同时只可上传9张图片");
        return;
    }
    files.forEach(function(file, i) {
        if (!/\/(?:jpeg|png|gif)/i.test(file.type)) return;
        var reader = new FileReader();
        var li = document.createElement("li");
        //   获取图片大小
        var size = file.size / 1024 > 1024 ? (~~(10 * file.size / 1024 / 1024)) / 10 + "MB" : ~~(file.size / 1024) + "KB";
        li.innerHTML = '<div class="img"></div><div class="size">' + size + '</div>';
        $(".img-list").append($(li));
        reader.onload = function() {
            var result = this.result;
            var img = new Image();
            img.src = result;
            // 如果图片大小小于200kb，则直接上传
            if (result.length <= 200 * 1024) {
                img = null;
                $(li).children('div.img').append('![]('+result+')'); // 预览
                upload(result, file.type, $(li));  // 直接上传
                return;
            }
            // 图片加载完毕之后进行压缩，然后上传
            if (img.complete) {
                callback();
            } else {
                img.onload = callback;
            }
            function callback() {
                var data = compress(img); // 使用canvas对大图片进行压缩
                $(li).children('div.img').append('![]('+data+')'); //预览
                upload(data, file.type, $(li));  // 上传
                img = null;
            }
        };
        reader.readAsDataURL(file);
    })
};